


async function fn(){
    const data =await axios({
        url:'http://192.168.6.16:9999/api/info',
        method:'GET'
    })
    // console.log(data.data);
    function getList(data){
       
       document.querySelector('.left').innerHTML= data.map(v=>`
        <div class="item">
        ${v.name}-${v.count}
      </div>
        `).join('')
    }
getList(data.data)
    document.querySelector('#btn').onclick=function(){
        
            // 绝对路径
            // console.log(data.data);
            // 调用已经抽取好的方法 获取学员数据
            let studentArr = data.data
            // // console.log('studentArr:', studentArr)
            // // 抽取随机
            let index =null

            // 开始抽奖
          //   let timer=setInterval(function time(){
          //     const boxs=  document.querySelectorAll('.item')
          //     index= parseInt(Math.random() * studentArr.length)
          //    boxs.forEach(v=>{
          //     v.style.backgroundColor=''
          //    })
          //   // console.log(boxs);
          //   boxs[index].style.backgroundColor='red'
          // },120);
            
      let num=null
          setTimeout(function fn() {
            setTimeout(function () {
              const boxs=  document.querySelectorAll('.item')
              index= parseInt(Math.random() * studentArr.length)
             boxs.forEach(v=>{
              v.style.backgroundColor=''
             })
            // console.log(boxs);
            boxs[index].style.backgroundColor='red'
            
            
              num++;
              if (num == 5) {
                const luckstar = studentArr[index]
            luckstar.count++
                ec(studentArr)
                getList(studentArr)
                boxs[index].style.backgroundColor='red'
                return ;
              }
            
              fn();
            }, 200);
          });
            // 暂停抽奖 
            // setTimeout(()=>{
              
            //   clearInterval(timer)
            //   // console.log(index);
           
           
            // },1000)
            
          
           
            // console.log('index',time());
            // count++
           
            // console.log(luckstar.name);
            // 保存
            // fs.writeFileSync(fullPath, JSON.stringify(studentArr))
            // // 返回
            // return lucystar
          // ec(studentArr)
          // getList(studentArr)
    }
      

    // 图形
    function ec(data){
        var myChart = echarts.init(document.querySelector('.right'))
        const option = {
          xAxis: {
            type: 'value'
          },
          yAxis: {
            type: 'category',
            data: data.map(v=>v.name),
            inverse: true
          },
          tooltip: {},
          series: [
            {
              realtimeSort: true,
              data: data.map(v=>v.count),
              type: 'bar',
              showBackground: true,
              backgroundStyle: {
                color: 'rgba(180, 180, 180, 0.2)'
              }
            }
          ]
        }
        myChart.setOption(option)
    }
    ec(data.data)
   

}
fn()

